<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点击</button>
    <script>
        // 箭头函数的特性 ：
        // 1. 箭头函数 里没有 this绑定 ，它的this是上层作用域的this；
        // this穿透；
        // console.log("全局的this",this);
        // document.querySelector("button").onclick = (e)=>{
        //     console.log(e.target);
        //     console.log("事件的this",this);
        //     var arr= ["张三","李四","王五"];
        //     setTimeout(()=>{
        //         console.log("定时器的this",this);
        //         arr.forEach(item=>{
        //             console.log("foreach的this",this);
        //         })
        //     }, 2000);
        // }

        // var obj = {
        //     name:"张三",
        //     // fn:function(){
        //     //     console.log(this);
        //     // }
        //     fn:()=>{
        //         console.log(this);
        //     }
        // }

        // // obj.fn();  // this ----> obj
        // obj.fn();


        // 2.箭头函数里没有arguments : 隐藏参数；

        // const fn = ()=>{
        //     console.log(arguments);
        // }

        // const fn = (...args)=>{
        //     console.log(args);
        // }

        // fn(1,2);

        // 3.箭头函数不能用于 构造函数 ；
        // const fn = ()=>{
        //     console.log(this);
        // }

        // var obj = new fn();



    </script>
</body>
</html>